body {
  padding-top: 60px;
  padding-bottom: 40px;
}

/*@media screen and (max-width : 750px) {*/
  .computerMode {
    display: none;
  }
  .buttonForAction{
    background-color: #FFB700;
    border-radius:  20px;
    height: 100px;
    width: 90%;
  }
  .cadreButtonAction {
    height : 120px;
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
  }
  .buttonForConfig {
    height: 60px;
  }
  .cadreButtonConfig {
    height : 80%;
    margin: 0px 5% 7px 5%;
    border-radius: 15px;
  }
  .titre1{
    font-size:20px;
  }
  .titre2{
    font-size:20px;
    margin : 0px 0px 0px 0px;
  }
/*}*/

.sidebar-nav {
  padding: 9px 0;
}

/* Grid */
.gridStyle {
  border: 1px solid rgb(212, 212, 212);
  height: 300px;
  margin-left: 0;
  /*width: 400px;
  float: left;*/
}

.selectedItems {
  float: left;
}

/* Tree */
.angular-tree-node { padding:3px 6px 3px 8px; }
.angular-tree-node:hover { background:#f9f9f9; }
.angular-tree-node.selected { background:#f3f3f6; }
.angular-tree-node-label {
  margin-left:3px;
  cursor:default;
}

/* Separators (hr) */
.separator {
  margin: 40px 0 39px;
}

/* Forms */
.css-form input.ng-invalid.ng-dirty {
  background-color: rgba(255, 0, 0, 0.10);
}


.bn {
  border: 3px solid black;
}
.bb {
  border: 3px solid blue;
}
.br {
  border: 3px solid red;
}
.bj {
  border: 3px solid yellow;
}
.bv {
  border: 3px solid green;
}

.hei300 {
  height: 300px;
}

.hei350 {
  height: 350px;
}

.fg {
  background-color: #D5D7D6;
}

.btn-f {
  display: inline-block;
  width: 170px;
}

.btn-df {
  display: inline-block;
  width: 150px;
}

.entete {
  background-repeat:repeat-x;
  background-position:left top;
}

.floatr {
  float: right;
}

.nomargin-left {
  margin-left: 0;
}

.centre {
  text-align: center;
}

.required:after {
  /*color: #e32;*/
  content:" *";
  display:inline;
}

.hero-unit-small {
  padding:10px;
  margin-bottom:10px;
  background-color:#eee;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}

/* CSS Menu coulissant doc ng-view */
.example-animate-container{position:relative;background:white;border:1px solid black;height:40px;overflow:hidden;}
.example-animate-container>div{padding:10px;}
.view-example.ng-enter,.view-example.ng-leave
{
  -webkit-transition:all cubic-bezier(0.250,0.460,0.450,0.940) 1.5s;
  -moz-transition:all cubic-bezier(0.250,0.460,0.450,0.940) 1.5s;
  -o-transition:all cubic-bezier(0.250,0.460,0.450,0.940) 1.5s;
  transition:all cubic-bezier(0.250,0.460,0.450,0.940) 1.5s;
  display:block;
  width:400px;
  border-left:1px solid black;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding:10px;
}
.example-animate-container{position:relative;height:100px;}
.view-example.ng-enter{left:100%;}
.view-example.ng-enter.ng-enter-active{left:0;}
.view-example.ng-leave{}
.view-example.ng-leave.ng-leave-active{left:-100%;}
